<!--延迟加载-->
<!--如果要写自定义内容建议都加到这个延迟加载的范围内-->
<div id="customize" style="display: none">
  <div>
    <!--音乐播放器-->
    <meting-js fixed="true" autoplay="false" theme="#409EFF" list-folded="true" muted="true" lrc-type="0"
      auto="https://y.qq.com/n/ryqq/playlist/7384559159.html"></meting-js>
    <!--评论模块还有下面的script也是-->
    <center>
      <div class="newValine" id="vcomments"></div>
    </center>
    <!-- 随机背景 -->
    <script src="https://gitee.com/jiulingjiu/alist-beautiful/raw/master/code/suijiBG.js"></script>
    <script>
      new Valine({
        visitor: true,
        el: '#vcomments',
        avatar: 'wavatar',
        appId: 'NAeocyOT996ZX8zmXKmGxi3m-gzGzoHsz',
        appKey: 'RzvCOOMdRCAz1USkW2EBMpiH',
        placeholder: '有什么问题欢迎评论区留言~么么哒'
      });
    </script>
    <br />
    <center class="dibu">
      <div style="line-height: 20px; font-size: 9pt; font-weight: bold">
        <span>
          "
          <span style="color: rgb(102, 255, 0); font-weight: bold" id="hitokoto">
            <a href="#" id="hitokoto_text">
              "人生最大的遗憾,就是在最无能为力的时候遇到一个想要保护一生的人."
            </a>
          </span>
          "
        </span>
        <p style="margin-left: 10rem; font-size: 8pt">
          <small> —— 斗哥 </small>
        </p>
      </div>
      <div style="font-size: 13px; font-weight: bold;">
        <span class="nav-item">
          <a class="nav-link" href="https://wpa.qq.com/msgrd?v=3&uin=909000578&site=qq&menu=yes" target="_blank">
            <i class="fab fa-qq" style="color:#409EFF" aria-hidden="true">
            </i>
            QQ |
          </a>
        </span>
        <span class="nav-item">
          <a class="nav-link" href="mailto:909000578@qq.com" target="_blank">
            <i class="fa-duotone fa-envelope-open" style="color:#409EFF" aria-hidden="true">
            </i>
            邮箱 |
          </a>
        </span>
        <span class="nav-item">
          <a class="nav-link" href="javascript:void(0)" onclick="alert('功能开发中，敬请期待！');">
            <i class="fas fa-edit" style="color:#409EFF" aria-hidden="true"></i>
            博客 |
          </a>
        </span>

        <span class="nav-item">
          <a class="nav-link" href="" target="_blank">
            <i class="fas fa-comment-lines" style="color:#409EFF;" aria-hidden="true">
            </i>
            留言 |
          </a>
        </span>
        <span class="nav-item">
          <a class="nav-link" href="" target="_blank">
            <i class="fa fa-cloud-download" style="color:#409EFF;" aria-hidden="true">
            </i>
            云盘 |
          </a>
        </span>
        <!--后台入口-->
        <span class="nav-item">
          <a class="nav-link" href="/@manage" target="_blank">
            <i class="fa-solid fa-folder-gear" style="color:#409EFF;" aria-hidden="true">
            </i>
            管理 |
          </a>
        </span>
        <!--版权，请尊重作者-->
        <span class="nav-item">
          <a class="nav-link" href="https://github.com/Xhofe/alist" target="_blank">
            <i class="fa-solid fa-copyright" style="color:#409EFF;" aria-hidden="true">
            </i>
            Alist
          </a>
        </span>
        <br />
        <!--添加一个访问量-->
        <span
          style="display: block; font-family: 'Segoe UI', Arial, sans-serif; font-size: 14px; color: #333; line-height: 1.5; margin-bottom: 10px;">
          本
          <span style="color: #0d6dfc; font-weight: bold;">
            <a href="#" style="text-decoration: none; color: #FF3366; border-bottom: 1px dashed #FF3366;">目录</a>
          </span>
          访问量
          <span id="busuanzi_page_pv" style="color: #FF3366; font-weight: bold;">520</span> 次
          本站总访问量
          <span id="busuanzi_site_pv" style="color: #FF3366; font-weight: bold;">1314</span> 次
          本站总访客数
          <span id="busuanzi_site_uv" style="color: #FF3366; font-weight: bold;">5201314</span> 人
        </span>
        <br />
        <!-- 添加备案信息 -->
        <span class="nav-item"
          style="font-family: 'Segoe UI', Arial, sans-serif; font-size: 14px; margin-top: 10px; display: inline-block;">
          <a class="nav-link" href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank"
            style="text-decoration: none; color: #663333; display: flex; align-items: center; gap: 5px;">
            <i class="fa-solid fa-shield-check" style="color: #663333;" aria-hidden="true"></i>
            <span>冀 ICP备2222000777号</span>
          </a>
        </span>

      </div>
    </center>
  </div>
  <!--一言API-->
  <script src="https://v1.hitokoto.cn/?encode=js&select=%23hitokoto" defer></script>
  <!--延迟加载范围到这里结束-->
</div>
<!--延迟加载配套使用JS-->
<script>
  let interval = setInterval(() => {
    if (document.querySelector('.footer')) {
      document.querySelector('#customize').style.display = '';
      clearInterval(interval);
    }
  }, 200);
</script>
<!-- 渐变背景初始化,如果要使用渐变背景把下面的那一行注释去掉即可-->
<!-- 下面的几行都是渐变的一套,自定义头部内还有一个关联的自定义CSS -->
<!--<canvas id="canvas-basic"></canvas> -->
<script src="https://npm.elemecdn.com/granim@2.0.0/dist/granim.min.js"></script>
<script>
  // var granimInstance = new Granim({
  //   element: '#canvas-basic',
  //   direction: 'left-right',
  //   isPausedWhenNotInView: true,
  //   states: {
  //     'default-state': {
  //       gradients: [
  //         ['#a18cd1', '#fbc2eb'],
  //         ['#fff1eb', '#ace0f9'],
  //         ['#d4fc79', '#96e6a1'],
  //         ['#a1c4fd', '#c2e9fb'],
  //         ['#a8edea', '#fed6e3'],
  //         ['#9890e3', '#b1f4cf'],
  //         ['#a1c4fd', '#c2e9fb'],
  //         ['#fff1eb', '#ace0f9']
  //       ]
  //     }
  //   }
  // });
</script>
<!-- 网页鼠标点击特效 - 核心价值观关键字 -->
<script>
  (function () {
    var a_idx = 0;
    window.onclick = function (event) {
      var a = new Array(
        '❤富强❤',
        '❤民主❤',
        '❤文明❤',
        '❤和谐❤',
        '❤自由❤',
        '❤平等❤',
        '❤公正❤',
        '❤法治❤',
        '❤爱国❤',
        '❤敬业❤',
        '❤诚信❤',
        '❤友善❤'
      );
      var heart = document.createElement('b'); //创建b元素
      heart.onselectstart = new Function('event.returnValue=false'); //防止拖动
      document.body.appendChild(heart).innerHTML = a[a_idx]; //将b元素添加到页面上
      a_idx = (a_idx + 1) % a.length;
      heart.style.cssText = 'position: fixed;left:-100%;'; //给p元素设置样式
      var f = 13, // 字体大小
        x = event.clientX - f / 2 - 30, // 横坐标
        y = event.clientY - f, // 纵坐标
        c = randomColor(), // 随机颜色
        a = 1, // 透明度
        s = 0.8; // 放大缩小
      var timer = setInterval(function () {
        //添加定时器
        if (a <= 0) {
          document.body.removeChild(heart);
          clearInterval(timer);
        } else {
          heart.style.cssText =
            'font-size:16px;cursor: default;position: fixed;color:' +
            c +
            ';left:' +
            x +
            'px;top:' +
            y +
            'px;opacity:' +
            a +
            ';transform:scale(' +
            s +
            ');';
          y--;
          a -= 0.016;
          s += 0.002;
        }
      }, 15);
    };
    // 随机颜色
    function randomColor() {
      return (
        'rgb(' +
        ~~(Math.random() * 255) +
        ',' +
        ~~(Math.random() * 255) +
        ',' +
        ~~(Math.random() * 255) +
        ')'
      );
    }
  })();
</script>
<script src="https://cdn.jsdelivr.net/gh/mocchen/cssmeihua/js/yanhuabowen.js"></script>
<span class="js-cursor-container"></span>
<script src="https://cdn.jsdelivr.net/gh/mocchen/cssmeihua/js/xiaoxingxing.js"></script>